@charset "UTF-8";
@import "reset";
@import "mixin";


$fs:64px;
html {
    font-size: $fs;
}

//将px单位换算成rem单位
@function r($px) {
    @return $px/$fs*1rem
}

//主要内容样式
//主要内容容器样式
body {
    width: 100%;
    background: #f5f5f5;
    //  position: relative;
    //头部样式
    header {
        @include header;
    }
    //主要内容
    .content {
        width: 100%;
        //轮播图样式
        .banner {
            width: 100%;
            background: url(../img/resource1_02.png);
            background-repeat: no-repeat;
            background-size: cover;
            padding-top: r(202px);
            border-top: r(1px) solid #efa949;
            font-size: 0px;
            margin-top: r(103px);
            //轮播图信息&翻页
            .bannerMsg {
                width: 100%;
                background: rgba(0, 0, 0, .5);
                padding: r(18px) r(0px) r(12px) r(0px);
                border-left: r(1px) solid #6c4f38;
                border-right: r(1px) solid #6c4f38;
                >a {
                    font-size: r(27px);
                    color: white;
                    display: inline-block;
                    margin-left: r(30px);
                }
                >.spanMsg{
                    margin-right: r(29px);
                    margin-top: r(52px);
                    color: white;
                    span{
                        font-size: r(16px);
                    }
                    img{
                        width: r(21px);
                        height: r(13px);
                        margin-left: r(22px);
                    }
                    span:last-of-type{
                        margin-left: r(6px);
                    }
                }
            }
        }
        //资讯内容
        .resourceMsg{
            width: r(583px);
            margin: 0 auto;
            font-size: 0;
            padding-top: r(23px);
            padding-bottom: r(30px);
            border-bottom: r(1px) solid #cecece;
            a{
                width: 100%;
                height: 100%;
                >img:first-of-type{
                    width: r(209px);
                    height: r(142px);
                }
            }
            .rightMsg{
                margin-left: r(15px);
                p:first-of-type{
                    font-size: r(25px);
                    color: black;
                    font-weight: bold;
                }
                P:last-of-type{
                    font-size: r(22px);
                    color: #c5c5c5;
                    width: r(339px);
                    margin-top: r(13px);
                    margin-bottom: r(18px);
                }
                span{
                    font-size: r(15px);
                    color: #939393;
                }
                span:first-of-type{
                    margin-left: r(210px);
                }
                span:last-of-type{
                    margin-left: r(9px);
                }
                img{
                    width: r(21px);
                    height: r(16px);
                    margin-left: r(19px);
                }
            }
        }
        //加载更多
        >a:last-of-type{
            display: block;
            width: 100%;
            font-size: r(22px);
            color: #bbbbbb;
            text-align: center;
            padding-top: r(19px);
            padding-bottom: r(32px);
        }
    }
    //底部空白
    .bottomNull{
        width: 100%;
        height: r(110px);
    }
    //尾部样式
    footer {
        @include footer;
        >a:nth-of-type(4) {
            color: #b60005;
        }
        >a:hover{
            color: #b60005;
        }
    }
}